﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/首页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u495" class="ax_default _图片">
        <img id="u495_img" class="img " src="images/注册_登录/u99.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u496" class="ax_default box_1">
        <div id="u496_div" class=""></div>
      </div>

      <!-- 头部 (矩形) -->
      <div id="u497" class="ax_default flow_shape ax_default_hidden" data-label="头部" style="display:none; visibility: hidden">
        <div id="u497_div" class=""></div>
      </div>

      <!-- 首页轮播图 (动态面板) -->
      <div id="u498" class="ax_default" data-label="首页轮播图">
        <div id="u498_state0" class="panel_state" data-label="State1" style="">
          <div id="u498_state0_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u499" class="ax_default _图片1">
              <img id="u499_img" class="img " src="images/首页/u499.jpg"/>
            </div>

            <!-- 按键2 (矩形) -->
            <div id="u500" class="ax_default button" data-label="按键2">
              <div id="u500_div" class=""></div>
            </div>

            <!-- 按键3 (矩形) -->
            <div id="u501" class="ax_default button" data-label="按键3">
              <div id="u501_div" class=""></div>
            </div>

            <!-- 按键4 (矩形) -->
            <div id="u502" class="ax_default button" data-label="按键4">
              <div id="u502_div" class=""></div>
            </div>

            <!-- 按键2 (矩形) -->
            <div id="u503" class="ax_default button" data-label="按键2">
              <div id="u503_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u504" class="ax_default _一级标题">
              <div id="u504_div" class=""></div>
              <div id="u504_text" class="text ">
                <p><span>圣诞专题</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u498_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u498_state1_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u505" class="ax_default _图片1">
              <img id="u505_img" class="img " src="images/首页/u505.jpg"/>
            </div>

            <!-- 按键1 (矩形) -->
            <div id="u506" class="ax_default button" data-label="按键1">
              <div id="u506_div" class=""></div>
            </div>

            <!-- 按键3 (矩形) -->
            <div id="u507" class="ax_default button" data-label="按键3">
              <div id="u507_div" class=""></div>
            </div>

            <!-- 按键4 (矩形) -->
            <div id="u508" class="ax_default button" data-label="按键4">
              <div id="u508_div" class=""></div>
            </div>

            <!-- 按键1 (矩形) -->
            <div id="u509" class="ax_default button" data-label="按键1">
              <div id="u509_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u510" class="ax_default _一级标题">
              <div id="u510_div" class=""></div>
              <div id="u510_text" class="text ">
                <p><span>剧本征集有奖活动</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u498_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u498_state2_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u511" class="ax_default _图片1">
              <img id="u511_img" class="img " src="images/首页/u511.jpg"/>
            </div>

            <!-- 按键2 (矩形) -->
            <div id="u512" class="ax_default button" data-label="按键2">
              <div id="u512_div" class=""></div>
            </div>

            <!-- 按键1 (矩形) -->
            <div id="u513" class="ax_default button" data-label="按键1">
              <div id="u513_div" class=""></div>
            </div>

            <!-- 按键4 (矩形) -->
            <div id="u514" class="ax_default button" data-label="按键4">
              <div id="u514_div" class=""></div>
            </div>

            <!-- 按键4 (矩形) -->
            <div id="u515" class="ax_default button" data-label="按键4">
              <div id="u515_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u516" class="ax_default _一级标题">
              <div id="u516_div" class=""></div>
              <div id="u516_text" class="text ">
                <p><span>头脑风暴</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u498_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u498_state3_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u517" class="ax_default _图片1">
              <img id="u517_img" class="img " src="images/首页/u517.jpg"/>
            </div>

            <!-- 按键3 (矩形) -->
            <div id="u518" class="ax_default button" data-label="按键3">
              <div id="u518_div" class=""></div>
            </div>

            <!-- 按键2 (矩形) -->
            <div id="u519" class="ax_default button" data-label="按键2">
              <div id="u519_div" class=""></div>
            </div>

            <!-- 按键1 (矩形) -->
            <div id="u520" class="ax_default button" data-label="按键1">
              <div id="u520_div" class=""></div>
            </div>

            <!-- 按键3 (矩形) -->
            <div id="u521" class="ax_default button" data-label="按键3">
              <div id="u521_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u522" class="ax_default _一级标题">
              <div id="u522_div" class=""></div>
              <div id="u522_text" class="text ">
                <p><span>万圣节专题</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u523" class="ax_default" data-left="98" data-top="476" data-width="49" data-height="57">

        <!-- Unnamed (椭圆形) -->
        <div id="u524" class="ax_default ellipse">
          <img id="u524_img" class="img " src="images/首页/u524.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u525" class="ax_default icon">
          <img id="u525_img" class="img " src="images/首页/u525.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u526" class="ax_default label">
          <div id="u526_div" class=""></div>
          <div id="u526_text" class="text ">
            <p><span>每日签到</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u527" class="ax_default" data-left="181" data-top="476" data-width="48" data-height="57">

        <!-- Unnamed (椭圆形) -->
        <div id="u528" class="ax_default ellipse">
          <img id="u528_img" class="img " src="images/首页/u524.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u529" class="ax_default icon">
          <img id="u529_img" class="img " src="images/首页/u529.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u530" class="ax_default label">
          <div id="u530_div" class=""></div>
          <div id="u530_text" class="text ">
            <p><span>排行总榜</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u531" class="ax_default" data-left="263" data-top="476" data-width="48" data-height="57">

        <!-- Unnamed (椭圆形) -->
        <div id="u532" class="ax_default ellipse">
          <img id="u532_img" class="img " src="images/首页/u524.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u533" class="ax_default icon">
          <img id="u533_img" class="img " src="images/首页/u533.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u534" class="ax_default label">
          <div id="u534_div" class=""></div>
          <div id="u534_text" class="text ">
            <p><span>创建房间</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u535" class="ax_default" data-left="426" data-top="476" data-width="46" data-height="57">

        <!-- Unnamed (椭圆形) -->
        <div id="u536" class="ax_default ellipse">
          <img id="u536_img" class="img " src="images/首页/u524.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u537" class="ax_default icon">
          <img id="u537_img" class="img " src="images/首页/u537.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u538" class="ax_default label">
          <div id="u538_div" class=""></div>
          <div id="u538_text" class="text ">
            <p><span>自动匹配</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u539" class="ax_default" data-left="345" data-top="476" data-width="47" data-height="57">

        <!-- Unnamed (椭圆形) -->
        <div id="u540" class="ax_default ellipse">
          <img id="u540_img" class="img " src="images/首页/u524.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u541" class="ax_default icon">
          <img id="u541_img" class="img " src="images/首页/u541.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u542" class="ax_default label">
          <div id="u542_div" class=""></div>
          <div id="u542_text" class="text ">
            <p><span>查找房间</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u543" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u543_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u544" class="ax_default _文本段落">
        <div id="u544_div" class=""></div>
        <div id="u544_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1.打开APP，默认进入首页页面</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">首页上方是使用了轮播图的方式展示了最近的活动公告，如【剧本征集有奖活动】，点击可跳转..。</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2.轮播图下方是五个进入子页面的按钮：</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">【每日签到】：玩家登录可进行登录签到，领取每日奖励，点击可跳转至[每日签到]页面。</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">【排行总榜】：点击可进入查看[排行榜]页面</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">【创建房间】：玩家可自主创建房间，选择剧本进行游戏，可跳转至[创建房间]页面</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">【查找房间】：玩家可以通过此按钮直接查找特定的房间（房间号），点击弹出弹框</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">【自动匹配】：玩家可快速进行游戏</span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2.</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">【房间大厅】：点击跳转到[社交页]，可查看所有已创建的房间</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">【高手专区】：点击可查看LV7以上玩家才能玩的剧本</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">【聊天大厅】:点击查看所有聊天室，跳转至[聊天室]</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">3.首页下方设置了动态面板，上滑可查看系统推荐的剧本和快速匹配</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">【快速匹配】：分为新人/中级/困难，点击后可浏览相对应难度的房间</span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"><br></span></p>
        </div>
      </div>

      <!-- 底部导航栏 (组合) -->
      <div id="u545" class="ax_default" data-label="底部导航栏" data-left="79" data-top="942" data-width="414" data-height="60">

        <!-- Unnamed (矩形) -->
        <div id="u546" class="ax_default box_3">
          <img id="u546_img" class="img " src="images/首页/u546.png"/>
        </div>

        <!-- 商城 (组合) -->
        <div id="u547" class="ax_default" data-label="商城" data-left="267" data-top="953" data-width="28" data-height="40">

          <!-- Unnamed (形状) -->
          <div id="u548" class="ax_default icon selected">
            <img id="u548_img" class="img " src="images/首页/u548_selected.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u549" class="ax_default label selected">
            <div id="u549_div" class="selected"></div>
            <div id="u549_text" class="text ">
              <p><span>商城</span></p>
            </div>
          </div>
        </div>

        <!-- 个人 (组合) -->
        <div id="u550" class="ax_default" data-label="个人" data-left="443" data-top="953" data-width="25" data-height="40">

          <!-- Unnamed (形状) -->
          <div id="u551" class="ax_default icon">
            <img id="u551_img" class="img " src="images/首页/u551.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u552" class="ax_default label">
            <div id="u552_div" class=""></div>
            <div id="u552_text" class="text ">
              <p><span>个人</span></p>
            </div>
          </div>
        </div>

        <!-- 首页 (组合) -->
        <div id="u553" class="ax_default" data-label="首页" data-left="92" data-top="953" data-width="27" data-height="40">

          <!-- Unnamed (形状) -->
          <div id="u554" class="ax_default icon">
            <img id="u554_img" class="img " src="images/首页/u554.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u555" class="ax_default label">
            <div id="u555_div" class=""></div>
            <div id="u555_text" class="text ">
              <p><span>首页</span></p>
            </div>
          </div>
        </div>

        <!-- 发现 (组合) -->
        <div id="u556" class="ax_default" data-label="发现" data-left="178" data-top="953" data-width="29" data-height="40">

          <!-- Unnamed (形状) -->
          <div id="u557" class="ax_default icon">
            <img id="u557_img" class="img " src="images/首页/u557.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u558" class="ax_default label">
            <div id="u558_div" class=""></div>
            <div id="u558_text" class="text ">
              <p><span>社交</span></p>
            </div>
          </div>
        </div>

        <!-- 消息 (组合) -->
        <div id="u559" class="ax_default" data-label="消息" data-left="355" data-top="953" data-width="29" data-height="40">

          <!-- Unnamed (形状) -->
          <div id="u560" class="ax_default icon">
            <img id="u560_img" class="img " src="images/首页/u560.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u561" class="ax_default label">
            <div id="u561_div" class=""></div>
            <div id="u561_text" class="text ">
              <p><span>消息</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- panrel (动态面板) -->
      <div id="u562" class="ax_default" data-label="panrel">
        <div id="u562_state0" class="panel_state" data-label="State1" style="">
          <div id="u562_state0_content" class="panel_state_content">

            <!-- 内动态 (动态面板) -->
            <div id="u563" class="ax_default" data-label="内动态">
              <div id="u563_state0" class="panel_state" data-label="State1" style="">
                <div id="u563_state0_content" class="panel_state_content">

                  <!-- top (热区) -->
                  <div id="u564" class="ax_default" data-label="top">
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u565" class="ax_default _图片1">
                    <img id="u565_img" class="img " src="images/首页/u565.jpg"/>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u566" class="ax_default _图片1">
                    <img id="u566_img" class="img " src="images/首页/u566.jpg"/>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u567" class="ax_default _图片1">
                    <img id="u567_img" class="img " src="images/首页/u567.jpg"/>
                  </div>

                  <!-- Unnamed (占位符) -->
                  <div id="u568" class="ax_default placeholder">
                    <img id="u568_img" class="img " src="images/首页/u568.png"/>
                    <div id="u568_text" class="text ">
                      <p><span>聊天大厅</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (占位符) -->
                  <div id="u569" class="ax_default placeholder">
                    <img id="u569_img" class="img " src="images/首页/u569.png"/>
                    <div id="u569_text" class="text ">
                      <p><span>简单本</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u570" class="ax_default label">
                    <div id="u570_div" class=""></div>
                    <div id="u570_text" class="text ">
                      <p><span>房间大厅</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u571" class="ax_default label">
                    <div id="u571_div" class=""></div>
                    <div id="u571_text" class="text ">
                      <p><span>高手专区</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u572" class="ax_default label">
                    <div id="u572_div" class=""></div>
                    <div id="u572_text" class="text ">
                      <p><span>LV7.</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u573" class="ax_default _图片1">
                    <img id="u573_img" class="img " src="images/首页/u573.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u574" class="ax_default label">
                    <div id="u574_div" class=""></div>
                    <div id="u574_text" class="text ">
                      <p><span>聊天大厅</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u575" class="ax_default _图片1">
                    <img id="u575_img" class="img " src="images/首页/u575.jpg"/>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u576" class="ax_default _图片1">
                    <img id="u576_img" class="img " src="images/首页/u576.jpg"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u577" class="ax_default label">
                    <div id="u577_div" class=""></div>
                    <div id="u577_text" class="text ">
                      <p><span>新人</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u578" class="ax_default label">
                    <div id="u578_div" class=""></div>
                    <div id="u578_text" class="text ">
                      <p><span>中级</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u579" class="ax_default label">
                    <div id="u579_div" class=""></div>
                    <div id="u579_text" class="text ">
                      <p><span>高级</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u580" class="ax_default label">
                    <div id="u580_div" class=""></div>
                    <div id="u580_text" class="text ">
                      <p><span>终极</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u581" class="ax_default image">
                    <img id="u581_img" class="img " src="images/首页/u581.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u582" class="ax_default _一级标题">
                    <div id="u582_div" class=""></div>
                    <div id="u582_text" class="text ">
                      <p><span>快速匹配</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u583" class="ax_default icon">
                    <img id="u583_img" class="img " src="images/首页/u583.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u584" class="ax_default box_2">
                    <div id="u584_div" class=""></div>
                    <div id="u584_text" class="text ">
                      <p><span>新手教程</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u585" class="ax_default" data-left="123" data-top="222" data-width="93" data-height="18">

                    <!-- Unnamed (形状) -->
                    <div id="u586" class="ax_default icon">
                      <img id="u586_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u587" class="ax_default icon">
                      <img id="u587_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u588" class="ax_default icon">
                      <img id="u588_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u589" class="ax_default icon">
                      <img id="u589_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u590" class="ax_default icon">
                      <img id="u590_img" class="img " src="images/首页/u590.png"/>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u591" class="ax_default image">
                    <img id="u591_img" class="img " src="images/首页/u581.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u592" class="ax_default box_2">
                    <div id="u592_div" class=""></div>
                    <div id="u592_text" class="text ">
                      <p><span>十字路口的美少年</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u593" class="ax_default" data-left="123" data-top="325" data-width="93" data-height="18">

                    <!-- Unnamed (形状) -->
                    <div id="u594" class="ax_default icon">
                      <img id="u594_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u595" class="ax_default icon">
                      <img id="u595_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u596" class="ax_default icon">
                      <img id="u596_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u597" class="ax_default icon">
                      <img id="u597_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u598" class="ax_default icon">
                      <img id="u598_img" class="img " src="images/首页/u590.png"/>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u599" class="ax_default image">
                    <img id="u599_img" class="img " src="images/首页/u581.png"/>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u600" class="ax_default" data-left="123" data-top="436" data-width="93" data-height="18">

                    <!-- Unnamed (形状) -->
                    <div id="u601" class="ax_default icon">
                      <img id="u601_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u602" class="ax_default icon">
                      <img id="u602_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u603" class="ax_default icon">
                      <img id="u603_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u604" class="ax_default icon">
                      <img id="u604_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u605" class="ax_default icon">
                      <img id="u605_img" class="img " src="images/首页/u590.png"/>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u606" class="ax_default box_2">
                    <div id="u606_div" class=""></div>
                    <div id="u606_text" class="text ">
                      <p style="font-size:13px;"><span>音乐厅的童谣</span></p><p style="font-size:10px;"><span style="color:#999999;"><br></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (水平线) -->
                  <div id="u607" class="ax_default line">
                    <img id="u607_img" class="img " src="images/首页/u607.png"/>
                  </div>

                  <!-- Unnamed (水平线) -->
                  <div id="u608" class="ax_default line">
                    <img id="u608_img" class="img " src="images/首页/u607.png"/>
                  </div>

                  <!-- Unnamed (水平线) -->
                  <div id="u609" class="ax_default line">
                    <img id="u609_img" class="img " src="images/首页/u607.png"/>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u610" class="ax_default image">
                    <img id="u610_img" class="img " src="images/首页/u581.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u611" class="ax_default box_2">
                    <div id="u611_div" class=""></div>
                    <div id="u611_text" class="text ">
                      <p><span>夜半的磨牙声</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u612" class="ax_default" data-left="123" data-top="539" data-width="93" data-height="18">

                    <!-- Unnamed (形状) -->
                    <div id="u613" class="ax_default icon">
                      <img id="u613_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u614" class="ax_default icon">
                      <img id="u614_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u615" class="ax_default icon">
                      <img id="u615_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u616" class="ax_default icon">
                      <img id="u616_img" class="img " src="images/首页/u586.png"/>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u617" class="ax_default icon">
                      <img id="u617_img" class="img " src="images/首页/u590.png"/>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u618" class="ax_default _一级标题">
                    <div id="u618_div" class=""></div>
                    <div id="u618_text" class="text ">
                      <p><span>推荐剧本</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u619" class="ax_default icon">
                    <img id="u619_img" class="img " src="images/首页/u619.png"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 手机状态栏 (组合) -->
      <div id="u620" class="ax_default" data-label="手机状态栏" data-left="79" data-top="264" data-width="409" data-height="20">

        <!-- Unnamed (组合) -->
        <div id="u621" class="ax_default" data-left="79" data-top="270" data-width="49" data-height="8">

          <!-- Unnamed (椭圆形) -->
          <div id="u622" class="ax_default ellipse">
            <img id="u622_img" class="img " src="images/注册_登录/u104.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u623" class="ax_default ellipse">
            <img id="u623_img" class="img " src="images/注册_登录/u105.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u624" class="ax_default ellipse">
            <img id="u624_img" class="img " src="images/注册_登录/u105.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u625" class="ax_default ellipse">
            <img id="u625_img" class="img " src="images/注册_登录/u105.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u626" class="ax_default ellipse">
            <img id="u626_img" class="img " src="images/注册_登录/u105.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u627" class="ax_default _三级标题">
          <div id="u627_div" class=""></div>
          <div id="u627_text" class="text ">
            <p><span>中国联通</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u628" class="ax_default _图片">
          <img id="u628_img" class="img " src="images/注册_登录/u110.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u629" class="ax_default label">
          <div id="u629_div" class=""></div>
          <div id="u629_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u630" class="ax_default _三级标题">
          <div id="u630_div" class=""></div>
          <div id="u630_text" class="text ">
            <p><span>22:37</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u631" class="ax_default icon">
          <img id="u631_img" class="img " src="images/注册_登录/u113.png"/>
        </div>
      </div>

      <!-- 查找房间 (动态面板) -->
      <div id="u632" class="ax_default ax_default_hidden" data-label="查找房间" style="display:none; visibility: hidden">
        <div id="u632_state0" class="panel_state" data-label="State1" style="">
          <div id="u632_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u633" class="ax_default box_3">
              <div id="u633_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u634" class="ax_default icon">
              <img id="u634_img" class="img " src="images/首页/u634.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u635" class="ax_default _二级标题">
              <div id="u635_div" class=""></div>
              <div id="u635_text" class="text ">
                <p><span>查找房间</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u636" class="ax_default box_1">
              <img id="u636_img" class="img " src="images/首页/u636.png"/>
            </div>

            <!-- Unnamed (文本框) -->
            <div id="u637" class="ax_default text_field">
              <input id="u637_input" type="text" value=""/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u638" class="ax_default primary_button">
              <div id="u638_div" class=""></div>
              <div id="u638_text" class="text ">
                <p><span>取消</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u639" class="ax_default primary_button">
              <div id="u639_div" class=""></div>
              <div id="u639_text" class="text ">
                <p><span>加入</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u640" class="ax_default line">
        <img id="u640_img" class="img " src="images/首页/u640.png"/>
      </div>
    </div>
  </body>
</html>
